import React, { Component } from 'react';
import '../../styles/Service.scss'
import '../../assets/font_3864106_x4snsw96acr/iconfont.css'
class Service extends Component {
    constructor(props){
        super(props)
        this.state ={
            centent_list:[
                {pic:'icon-xiaoxi',name:'图文问诊'},
                {pic:'icon-dianhua',name:'电话问诊'},
                {pic:'icon-shipin',name:'视频问诊'},
                {pic:'icon-zu',name:'开药'},
                {pic:'icon-menzhenguahao',name:'挂号预约'},
            ],
            text_info:[
                {text:'一级以上公立医院有执业证医师可以申请开通全科咨询，图文问诊;'},
                {text:'二甲主治医师及以上，三级医师及以上可申请开通电话问诊;'},
                {text:'二级副主任以上，三级主治及以上还可以申请开通视频问诊；视频问诊可以开处方;'},
                {text:'开通图文问诊的医生，会自动开通极速问诊权限;'},
                {text:'已开通视频问诊权限的医生则拥有处方权;'},
                {text:'公立二级医院，副主任及以上职称医师和三级医院，主治及以上职称可开通处方权限;'},
            ]
        }
    }
    render() {
        return (
            <div className='service'>
                <div className="header">
                    <h2>服务设置</h2>
                </div>
                <div className="lists">
                        {
                            this.state.centent_list.map((item,index)=>{
                                return (
                                    <div className="list_info" key={index}>
                                        <div className="info_left">
                                            <span className={"iconfont " + item.pic }></span>
                                            <p>{item.name}</p>
                                        </div>
                                        <div className="info-right">
                                            <p>&gt;</p>
                                        </div>
                                    </div>
                                )
                            })
                        }
                </div>
                <div className="text">
                    注：
                    <ul>
                        {
                            this.state.text_info.map((item,index)=>{
                                return(
                                    <li key={index}>
                                        <p>{item.text}</p>
                                    </li>
                                )
                            })
                        }
                    </ul>
                </div>
                
            </div>
        );
    }
}

export default Service;